<!DOCTYPE html>
<html lang="zh">

<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>18.17 混合minxs </title>

	<style>
		input[type="text"] {
			height: 30px;
			width: 300px;
			margin-bottom: 10px;
			border-radius: 5px;
			padding: 2px;
			font-size: 16px;

		}

		div {
			margin-top: 10px;
			margin-bottom: 10px;
		}

		div>span {
			background-color: beige;
			padding: 5px;
			cursor: pointer;
		}

		button:hover {
			cursor: pointer;
		}
	</style>

</head>
<!-- 
	官方文档 
	fitler 过滤器
	https://cn.vuejs.org/v2/guide/filters.html

	directive 指令
	https://cn.vuejs.org/v2/guide/custom-directive.html
 -->

<body>


	<div id="app">



		<popup></popup>



		<tooltip></tooltip>
		
		
		<!-- <div>
			<button @click="toggle">Popup</button>
			<div v-if="visible">
				<h4> title </h4>
				Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptas numquam, mollitia quod commodi
				excepturi
				facere doloremque doloribus quo, id repellat corporis, similique enim distinctio! Repellat porro tenetur
				illo provident enim.
			</div>
		</div> -->



		<!-- <div>

			<span @mouseenter="visible=true" @mouseleave="visible= false">bye bye</span>

			<div v-if="visible">
				Lorem ipsum dolor sit amet consectetur adipisicing elit.
			</div>

		</div> -->

	</div>




	<script src="../lib/vue.js"></script>
	<script src="js/main.js"></script>

</body>

</html>